<template>
<div class="empty-container">
  <Icon  type="empty"/>
  <p>{{text}}</p>
</div>
</template>

<script>
import Icon from '../Icon'
export default {
  name: 'index',
  components: {
    Icon
  },
  props: {
    text: {
      type: String,
      default: '无数据'
    }
  }
}
</script>

<style lang="less" scoped>
  @import "../../styles/mixin.less";
  @import "../../styles/var";
  .icon-container{
    display: block;
    font-size: 72px;
  }
.empty-container{
  .self-center();
  text-align: center;
  color: @gray;
}
</style>
